<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

	<f:loadBundle basename="ApplicationResources" var="msg" />
	    <div id="page-ctn">

		<div id="QQBody" align ="center">
			<p>
				<h:outputText value="#{msg.userListLnk}" />
			</p>
			<h:form>
				<a4j:region>
					<rich:dataTable rows="#{userListForm.pageSize}" id="userListTable"
						value="#{userListForm.defaultDataModel}" var="user" width="100%">
						<f:facet name="header">
							<rich:columnGroup>
								<rich:column>
									<h:outputText value="username" />
								</rich:column>
								<rich:column>
									<h:outputText value="usernameCn" />
								</rich:column>
								<rich:column>
									<h:outputText value="mail" />
								</rich:column>
								<rich:column>
									<h:outputText value="address" />
								</rich:column>
							</rich:columnGroup>
						</f:facet>
							<rich:column>
								<h:outputText value="#{user.username}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{user.usernameCn}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{user.mail}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{user.address}" />
							</rich:column>
						<f:facet name="footer">
							<rich:dataScroller id="ds1"
								page="#{userListForm.scrollerPage}"
								ajaxSingle="false">
								<f:facet name="first">
									<h:outputText value="First" />
								</f:facet>
								<f:facet name="previous">
									<h:outputText value="Previous" />
								</f:facet>
								<f:facet name="next">
									<h:outputText value="Next" />
								</f:facet>
								<f:facet name="last">
									<h:outputText value="Last" />
								</f:facet>
							</rich:dataScroller>
						</f:facet>
					</rich:dataTable>
		
				</a4j:region>
			</h:form>
		</div>
	</div>
</ui:composition>